﻿<!DOCTYPE html>
<html>
<head>
    <title>仪表盘浏览</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_533449_naak7odp5x.css">
    <link href="/ViewV5/CSS/bootstrap3.3.5/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/animate.css">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/index.css?v=1">
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/default.css">
    <link href="/ViewV5/CSS/element/index.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/ViewV5/CSS/FORMBI.css?v=8">
    <style>
        .tools .el-card {
            margin: 5px 5px;
            border-radius: 0px;
        }

        .tools .el-card__body {
            padding: 10px 0;
            text-align: left;
            padding-left: 5px;
        }

        .bbsx .el-form-item {
            max-height: 75PX;
        }

        .widthmax {
            width: 100%
        }

        .boxshadow {
            -webkit-box-shadow: 0 1px 3px #ccc;
            -moz-box-shadow: 0 1px 3px #ccc;
            -o-box-shadow: 0 1px 3px #ccc;
            -ms-box-shadow: 0 1px 3px #ccc;
            box-shadow: 0 1px 3px #ccc;
        }

      
    </style>
</head>
<body>

    <div id="DATABI_YBZZ" class="FormV">
        <!--<ve-histogram :data="chartData"></ve-histogram>
    <ve-line :data="chartData"></ve-line>
    <ve-ring :data="chartData"></ve-ring>
    <ve-pie :data="chartData" height="250px"></ve-pie>
    <ve-funnel :data="chartData"></ve-funnel>-->
   
        <btable :pzoption="tableop">
        </btable>

    </div>
    <script src="/ViewV5/JS/vue.js"></script>
    <script src="/ViewV5/JS/httpVueLoader.js"></script>
    <script src="/ViewV5/JS/element/element.js"></script>
    <script src="/ViewV5/JS/element/pltable/index.js"></script>
    <script type="text/javascript" src="/ViewV5/JS/jquery-1.11.2.min.js"></script>
    <script src="/ViewV5/JS/lodash.min.js"></script>
    <script src="/ViewV5/CSS/bootstrap3.3.5/js/bootstrap.js"></script>
    <script src="/ViewV5/JS/layer/layer.js"></script>
    <!-- 引入组件库 -->
    <script src="/ViewV5/JS/bijs.js?v=4"></script>
    <script src="/ViewV5/JS/vue-dragging.js?v=4"></script>


    <script>
         
        var app = new Vue({
            el: '#DATABI_YBZZ',
            components: {
                'base-loading': httpVueLoader('/ViewV5/Base/Vue/Loading.vue'),
                'btable': httpVueLoader('/ViewV5/Base/Vue/Table.vue')
            },
            data: {
                tableop: {
                    title: "人员表格",
                    issel: false,
                    iscz: false,
                    dataset: [{ id: "1", name: "asda1" }, { id: "5", name: "asda2" }, { id: "7", name: "asda3" }],
                    czltabledata: [],
                    collist: [{ colid: "id", colname: "序号", ishide: true, width: "100", istip: true }, { colid: "name", colname: "名称", ishide: true, width: "100", istip: true }]
                },
                chartData: {
                    columns: ['日期', '销售额'],
                    rows: [
                        { '日期': '1月1日', '销售额': 123 },
                        { '日期': '1月2日', '销售额': 1223 },
                        { '日期': '1月3日', '销售额': 2123 },
                        { '日期': '1月4日', '销售额': 4123 },
                        { '日期': '1月5日', '销售额': 3123 },
                        { '日期': '1月6日', '销售额': 7123 }
                    ]
                }

            },
            created() {

            },
            methods: {


            },
            mounted: function () {
                var pro = this;
                pro.$nextTick(function () {

                })

            }
        })


    </script>
</body>

</html>